<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <script src="../vue.min.js"></script>
    <title>Document</title>
</head>
<body>
    <divid-"app">
        <p>原始字符串:{{msg!}}1</p>
        <p>计算属性反转:{{revMsg}}</p>
        <p>methods方法反转字符串:{{revMsg2()}}</p>
</div>	
</bady>
<script>
    var vm = new Vue({
        el: '#app', 
        data: {
           msg: 'Hello Vue.js!'
       },
       computed: {
    revMsg:function() {
        return this.msg.split(").reverse() join(")
    }
},
methods: {
    revMsg2:function(){
        return this.msg.split(").reverse().join(")
    }
  }
})
    </script>
</html>